
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<link rel="stylesheet" href="https://app.hg707.com/Public/home/css/page.css" />
	<link rel="stylesheet" href="https://app.hg707.com/Public/home/css/cui.css" />
	<link rel="stylesheet" href="https://app.hg707.com/Public/home/css/lib.css" />
	<link rel="stylesheet" href="https://app.hg707.com/Public/home/css/style.css" />
	<link rel="stylesheet" href="css/layui.css" />
	
<!--	<script type="text/javascript" src="https://app.hg707.com/Public/home/js/jquery.js"></script>-->
	<script src="Public/libs/jquery/jquery.min.js"></script>
</head>
<style>
    .p1 {
        margin-top: 5px;
    }

    .menu-title {
        font-size: 18px;
        display: block;
        margin: 10px auto;
        line-height: 20px;
    }

    .uploader {
        position: relative;
        display: inline-block;
        overflow: hidden;
        cursor: default;
        padding: 0;
        margin: 10px 0px;
        -moz-box-shadow: 0px 0px 5px #ddd;
        -webkit-box-shadow: 0px 0px 5px #ddd;
        box-shadow: 0px 0px 5px #ddd;

        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .filename {
        float: left;
        display: inline-block;
        outline: 0 none;
        height: 50px;
        width: 330px;
        margin: 0;
        padding: 8px 10px;
        overflow: hidden;
        cursor: default;
        border: 1px solid;
        border-right: 0;
        font: 9pt/100% Arial, Helvetica, sans-serif;
        color: #777;
        text-shadow: 1px 1px 0px #fff;
        text-overflow: ellipsis;
        white-space: nowrap;

        -moz-border-radius: 5px 0px 0px 5px;
        -webkit-border-radius: 5px 0px 0px 5px;
        border-radius: 5px 0px 0px 5px;

        background: #f5f5f5;
        background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f5f5f5));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5', GradientType=0);
        border-color: #ccc;

        -moz-box-shadow: 0px 0px 1px #fff inset;
        -webkit-box-shadow: 0px 0px 1px #fff inset;
        box-shadow: 0px 0px 1px #fff inset;

        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .button {
        float: left;
        height: 50px;
        display: inline-block;
        outline: 0 none;
        padding: 8px 12px;
        margin: 0;
        cursor: pointer;
        border: 1px solid;
        font: bold 9pt/100% Arial, Helvetica, sans-serif;

        -moz-border-radius: 0px 5px 5px 0px;
        -webkit-border-radius: 0px 5px 5px 0px;
        border-radius: 0px 5px 5px 0px;

        -moz-box-shadow: 0px 0px 1px #fff inset;
        -webkit-box-shadow: 0px 0px 1px #fff inset;
        box-shadow: 0px 0px 1px #fff inset;
    }

    .uploader input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        border: 0;
        padding: 0;
        margin: 0;
        height: 30px;
        cursor: pointer;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

    input[type=button]::-moz-focus-inner {
        padding: 0;
        border: 0 none;
        -moz-box-sizing: content-box;
    }

    input[type=button]::-webkit-focus-inner {
        padding: 0;
        border: 0 none;
        -webkit-box-sizing: content-box;
    }

    input[type=text]::-moz-focus-inner {
        padding: 0;
        border: 0 none;
        -moz-box-sizing: content-box;
    }

    input[type=text]::-webkit-focus-inner {
        padding: 0;
        border: 0 none;
        -webkit-box-sizing: content-box;
    }

    .blue:hover .button {
        background: #3b75b4;
        background: -moz-linear-gradient(top, #064884 0%, #3b75b4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #064884), color-stop(100%, #3b75b4));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#064884', endColorstr='#3b75b4', GradientType=0);
    }

    .product-service dl {
        width: 800px;
        min-height: 140px;
        height: auto;
        padding: 10px;
        background: #fff;
        display: inline-block;
        float: left;
        margin-top: 0px;
        margin-right: 34px;
        font-size: 14px;
        color: #999;
        text-align: left;
        overflow: hidden;
        cursor: pointer;
        border-top:1px solid #d3d3d3;
    }

    .product-service dl.rightno_mg {
        margin-right: 0;
    }

    .product-service dl dt {
        float: left;
        width: 200px;
        padding-top: 10px;
        margin-right: 10px
    }

    .product-service dl dd {
        float: left;
        width: 520px;
    }

    .product-service dl dt img {
        width: 200px;
        height: 150px;
    }

    .product-service dl dd.title {
        margin: 5px 0 8px 0;
        font-size: 16px;
        color: #444;
        width: 550px
    }

    .product-service dl .summary {
        float: left;
        width: 550px;
        display: block;
        line-height: 20px;
        font-size: 14px;
        height: auto;
        min-height: 60px;
        max-height: 80px;
        overflow: hidden;
        margin-bottom: 5px;
    }

    .time {
        font-size: 14px;
        color: #444;
        margin-right: 20px;
        width: 400px;
        float: left;
        line-height: 20px;
    }

    .btn {
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        background-color: #1c64b7;
        float: right;
        color: white;
        text-align: center;
        border-radius: 10px
    }
    
    
 @font-face {
  font-family: 'iconfont';  /* project id 202712 */
  src: url('//at.alicdn.com/t/font_fgdj1prohm730udi.eot');
  src: url('//at.alicdn.com/t/font_fgdj1prohm730udi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_fgdj1prohm730udi.woff') format('woff'),
  url('//at.alicdn.com/t/font_fgdj1prohm730udi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_fgdj1prohm730udi.svg#iconfont') format('svg');
}
.iconfonts{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

	.menu-edit{margin: 20px 0px;}
	
	
	tr:not(.table-head):hover{background: #ddd!important;}
	tr td:nth-of-type(1){width: 5%;text-align: center;}
	tr td:nth-of-type(2):hover{cursor: pointer;}
	tr td:nth-of-type(2) span{float: right;margin-right: 7px;display: none;}
	tr td:nth-of-type(2) span .iconfonts{transition: all linear .3s;vertical-align: middle;font-size: 18px;color: #3B8cff;cursor: pointer;}
	tr td:nth-of-type(2) span .iconfonts:hover{color: #3B5998 ;}
	tr td:last-of-type,tr th:last-of-type{width: 20%;text-align: center;}
	td .iconfonts{color: #ffd659;font-size: 20px;vertical-align: middle;}
	.edittable{width: 100%;}
	tr td:nth-of-type(2){width: 55%;}
	tr td:nth-of-type(3){width: 20%;}
	.editmore{display: none;}
	.editmore .layui-btn {margin: 0px;}
	.zhedie{padding-left:15px;display: none;}
	.files{height: 40px;line-height: 40px;color: #009CEA;}
</style>

<body>
<!-- 头部 -->
   <div id="hd">
        <div class="wp">
            <a href="http://www.app.hg707.com/index.php/index/index.html" class="logo">
                <img src="https://app.hg707.com/Application/Api2/View/_Resource/img/logo.png" alt="">
            </a>
                             				        <div class="box-mem box-logout">
			                <a href="/index.php/api2/center/userinfo.html" class="a-mem">李行者811194</a>
			                <a href="/index.php/api2/center/logout.html" class="logout"><img src="https://app.hg707.com/Public/home/images/ico-logout.png" alt="">退出</a>
		           		</div>    
        </div>
    </div>
<!--<script type="text/javascript" src="/Public/libs/jquery/1.x/jquery-1.11.3.min.js"></script>-->
<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<!-- 头部 end -->
<!-- 内容 开始 -->
<div id="bd">
    <div class="wp">
        <!-- 左侧导航 -->
         <dl class="menu-side">
    <dt class="dt1">
        <a href="/index.php/api2/center/index.html">首页</a>
    </dt>
    <dt class="dt2">
        <a href="javascript:;">资料</a>
    </dt>
    <dd>
        <!--<a href="/index.php/api2/attach/download.html" >全部资料</a>-->
        <a href="/index.php/api2/attach/upload.html" >上传资料</a>
        <a href="/index.php/api2/attach/myattach.html" class="on">我的资料</a>
    </dd>
    <dt class="dt2">
        <a href="javascript:;">文章管理</a>
    </dt>
    <dd>
        <a href="/index.php/api2/center/addpost.html" >发表文章</a>
        <a href="/index.php/api2/center/myarticle.html" >全部文章</a>
    </dd>
    <dt class="dt4">
        <a href="javascript:;">图书管理</a>
    </dt>
    <dd>
        <a href="/index.php/api2/center/addbook.html" >发表图书</a>
        <a href="/index.php/api2/center/mybook.html" >全部图书</a>
    </dd>
    <dt class="dt3">
        <a href="">设置</a>
    </dt>
    <dd>
        <a href="/index.php/api2/center/userinfo.html"  >账号信息</a>
    </dd>
</dl>
        <!-- 左侧导航 end -->
        <!-- 右侧内容区域 开始 -->
        <div class="g-box">
            <div class="formp">
                <div class="myfile clearfix">
                   		<div class="menu-edit">
							<button class="layui-btn layui-btn-primary" id="newfile"><i class="iconfonts " style="margin-right: 5px;">&#xe728;</i>新建文件夹</button>
    						<button class="layui-btn layui-btn-primary" id="download"><i class="iconfonts " style="margin-right: 5px;">&#xe60e;</i>选择下载</button>
    						<span class="editmore">
    						<button class="layui-btn layui-btn-primary"><i class="iconfonts " style="margin-right: 5px;">&#xe610;</i>删除</button>
    						<button class="layui-btn layui-btn-primary"><i class="iconfonts " style="margin-right: 5px;">&#xe689;</i>移动到</button>
    						<button class="layui-btn layui-btn-primary"><i class="iconfonts " style="margin-right: 5px;">&#xe6cd;</i>重命名</button>
							</span>
						</div>
						
						<div class="breadcrumb-nav">
							<span class="layui-breadcrumb" style="visibility: visible;">
							    <!--<a href="/">全部文件<span class="layui-box">&gt;</span></a>
							    <a href="/demo/">演示<span class="layui-box">&gt;</span></a>-->
							    <a><cite>全部文件</cite></a>
							</span>
						</div>
						
						<div class="file-content">
							<table class="layui-table edittable" lay-skin="line">
  								
								  <thead>
								    <tr class="table-head">
								      <th><input type="checkbox" name="ckk" id="checkalls"/></th>
								      <th>文件名</th>
								      <th>大小</th>
								      <th>修改时间</th>
								    </tr> 
								  </thead>
								  <tbody>
								    <tr>
								      <td><input type="checkbox" name="ck"/></td>
								      <td>
								      	<i class="iconfonts " style="margin-right: 5px;">&#xe64f;</i><a href="wenjia.html">18k之光</a>
								      	<span><i class="iconfonts del" title="删除" style="margin-right: 5px;">&#xe610;</i></span>
								      	<span><i class="iconfonts move" title="移动" style="margin-right: 5px;">&#xe6cd;</i></span>
								      	<span><i class="iconfonts dnload" title="下载" style="margin-right: 5px;">&#xe60e;</i></span>
								      	
								      	</td>
								      
								      <td>18k</td>
								      <td>2016-11-29</td>
								    </tr>
								    <tr>
								    	<td><input type="checkbox" name="ck"/></td>
								        <td><i class="iconfonts " style="margin-right: 5px;">&#xe64f;</i>程序员独白
								        <span><i class="iconfonts del" title="删除" style="margin-right: 5px;">&#xe610;</i></span>
								      	<span><i class="iconfonts move" title="移动" style="margin-right: 5px;">&#xe6cd;</i></span>
								      	<span><i class="iconfonts dnload" title="下载" style="margin-right: 5px;">&#xe60e;</i></span>
								        </td>
								      	
								      	<td>-</td>
								      	<td>2016-11-29</td>
								    </tr>
								    <tr>
								    	<td><input type="checkbox" name="ck"/></td>
								        <td><i class="iconfonts " style="margin-right: 5px;">&#xe64f;</i>北京北京
								        <span><i class="iconfonts del" title="删除" style="margin-right: 5px;">&#xe610;</i></span>
								      	<span><i class="iconfonts move" title="移动" style="margin-right: 5px;">&#xe6cd;</i></span>
								      	<span><i class="iconfonts dnload" title="下载" style="margin-right: 5px;">&#xe60e;</i></span>
								        </td>
								      	
								      	<td>-</td>
								      	<td>2016-11-29</td>
								    </tr>
								    <tr>
								    	<td><input type="checkbox" name="ck"/></td>
								        <td><i class="iconfonts " style="margin-right: 5px;">&#xe64f;</i>框架大杀器
								        <span><i class="iconfonts del" title="删除" style="margin-right: 5px;">&#xe610;</i></span>
								      	<span><i class="iconfonts move" title="移动" style="margin-right: 5px;">&#xe6cd;</i></span>
								      	<span><i class="iconfonts dnload" title="下载" style="margin-right: 5px;">&#xe60e;</i></span>
								        </td>
								      	
								      	<td>-</td>
								      	<td>2016-11-29</td>
								    </tr>
								    <tr>
								    	<td><input type="checkbox" name="ck"/></td>
								        <td><i class="iconfonts " style="margin-right: 5px;">&#xe64f;</i>北京人民共和国
								        <span><i class="iconfonts del" title="删除" style="margin-right: 5px;">&#xe610;</i></span>
								      	<span><i class="iconfonts move" title="移动" style="margin-right: 5px;">&#xe6cd;</i></span>
								      	<span><i class="iconfonts dnload" title="下载" style="margin-right: 5px;">&#xe60e;</i></span>
								        </td>
								      	
								      	<td>-</td>
								      	<td>2016-11-29</td>
								    </tr>
								    <tr>
								    	<td><input type="checkbox" name="ck"/></td>
								        <td><i class="iconfonts " style="margin-right: 5px;">&#xe64f;</i>雾霾之下
								        
								        <span><i class="iconfonts del" title="删除" style="margin-right: 5px;">&#xe610;</i></span>
								      	<span><i class="iconfonts move" title="移动" style="margin-right: 5px;">&#xe6cd;</i></span>
								      	<span><i class="iconfonts dnload" title="下载" style="margin-right: 5px;">&#xe60e;</i></span>
								        </td>
								      	
								      	<td>-</td>
								      	<td>2016-11-29</td>
								    </tr>
								   
								  </tbody>
							</table>
						</div>
						
						
						
						
						
                </div>

               
                <!-- 右侧内容区域 end -->
                <div class="c"></div>
            </div>
        </div>
    </div>
</div>


<!-- 内容 end -->
<!-- 底部 -->
    <!-- 底部 -->
    <div class="cont-fd ">
        <div id="fd">
            <div class="wp">
                Copyright © 2006-2016　化工707 hg707.com <a href="http://www.miibeian.gov.cn/" target="_blank">津ICP备11000777号</a> <br>
                公司名称：天津凯美克科技有限公司　客服电话：15620076589　法律顾问：高律师
            </div>
        </div>
    </div>
    <!-- 底部 end -->



	<script>
		$('html head link').filter(':last').after('<link rel="stylesheet" href="https://app.hg707.com/Public/home/css/style-yz.css" /><link rel="stylesheet" href="https://app.hg707.com/Public/home/css/style-pp.css" />');
		$(document).ready(function($) {
		    // 退出登录
		    $('.box-logout').hover(function() {
		        /* Stuff to do when the mouse enters the element */
		        $(this).find('.logout').css('display', 'block');
		    }, function() {
		        /* Stuff to do when the mouse leaves the element */
		        $(this).find('.logout').css('display', 'none');
		    });
		    // 选项卡 鼠标点击
		    $(".TAB_CLICK li").click(function(){
		      var tab=$(this).parent(".TAB_CLICK");
		      var con=tab.attr("id");
		      var on=tab.find("li").index(this);
		      $(this).addClass('hover').siblings(tab.find("li")).removeClass('hover');
		      $(con).eq(on).show().siblings(con).hide();
		    }); 
		    $(".TAB_CLICK li").filter(':first').trigger('click');
		});
	</script>
</body>
</html>
<script type="text/javascript" src="https://app.hg707.com/Public/js/home.min.js"></script>
<script type="text/javascript">
    function down(id,title,url){
        if(confirm('你确定下载'+title+'吗?')){
            $.ajax({
                url:'/index.php/api2/attach/download.html',
                data:{'id':id},
                type:'POST',
                dataType:'json',
                success:function (e) {
                    if(e.code==200){
                        window.location.href=url;
                    }else{
                        alert("下载出错！");
                    }
                }
            })
        }
    }
</script>
</script>



	<script type="text/javascript " src="lay/dest/layui.all.js"></script>
	<script type="text/javascript" src="lay/lib/jquery.js" ></script>

	

	<script>
						$(function(){
							//alert(3333)
							$('body').on('mouseover','tr',function(){
  									$(this).find('span').css('display','inline-block') 				
  								})
  								
  							$('body').on('mouseout','tr',function(){
  									$(this).find('span').css('display','none') 				
  							})
							
							$('#checkalls').click(function(){
								if(this.checked){
									//alert(4433)
									$('[name=ck]:checkbox').prop("checked", $(this).prop("checked"));
									$('.editmore').css('display','inline-block')
								}else{
									//alert(2)
									$('[name=ck]:checkbox').prop("checked", $(this).prop("checked"));
									$('.editmore').css('display','none')
								}
							})
							
							
							$('#newfile').click(function(){
								
								layer.confirm('您是否要新建文件', {icon: 3, title:'新建文件夹',content:'<p><i class="iconfonts " style="margin-right: 5px;">&#xe64f;</i><input type="text" value="新建文件夹" class="layer-input"/></p>'}, function(index){
  								//do something
  								var txt=$('.layer-input').val();
  								//alert(txt);
								var newf=$('<tr><td><input type="checkbox" name="ck"/></td><td><i class="iconfonts " style="margin-right: 5px;">&#xe64f;</i>'+txt+'<span><i class="iconfonts del" title="删除" style="margin-right: 5px;">&#xe610;</i></span><span><i class="iconfonts move" title="移动" style="margin-right: 5px;">&#xe6cd;</i></span><span><i class="iconfonts dnload" title="下载" style="margin-right: 5px;">&#xe60e;</i></span></td> <td>-</td><td>2016-11-29</td></tr>')
								
								$('tbody').before(newf)
  								layer.close(index);
									});
								
								
							})
							
							
							$('body').on('click','.del',function(){
								layer.confirm('您是否要删除此项', {icon: 3, title:'提示'}, function(index){
  								//do something
  								layer.close(index);
								});
							})
							
							var result='';
							$('body').on('click','.move',function(){
								result+='<h3>我是标题</h3>';
								result+='<p class="files"><i class="iconfonts " style="margin-right: 5px;">&#xe64f;</i>fullpage真实案例</p>';
									result+='<div class="zhedie">';
										result+='<p><i class="iconfonts " style="margin-right: 5px;">&#xe64f;</i>事情不像想象中简单</p>';
										result+='<p><i class="iconfonts " style="margin-right: 5px;">&#xe64f;</i>我们是祖国的花朵</p>';
										result+='<p><i class="iconfonts " style="margin-right: 5px;">&#xe64f;</i>你愁啥，瞅你咋滴</p>';
								    result+='</div>';
								result+='<p class="files"><i class="iconfonts " style="margin-right: 5px;">&#xe64f;</i>事情不像想象中简单</p>';
								result+='<p class="files"><i class="iconfonts " style="margin-right: 5px;">&#xe64f;</i>我们是祖国的花朵</p>';
								result+='<p class="files"><i class="iconfonts " style="margin-right: 5px;">&#xe64f;</i>你愁啥，瞅你咋滴</p>';
								
								
								layer.open({
								  title: '移动文件到'
								  ,area: '500px'
								  ,content:result
								}); 
								
								$('body').on('click','.files',function(){
									$(this).next('.zhedie').slideToggle()
									
								})
							})	
							
							
	
						})
					</script>
					
					
					<script type="text/javascript" src="lay/modules/layer.js" ></script>
					<script>
						$(function(){
							
							$('#download').click(function(){
								//alert(333)
								layer.open({
								  title: '下载任务表'
								  ,area: '500px'
								  ,content: '<h3>我是标题</h3><p><i class="iconfonts " style="margin-right: 5px;">&#xe64f;</i>fullpage真实案例</p>'
								}); 
							})
							
							
							
							
							
						})
						
					</script>